<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .parent{
            color: red;
            /* 设置文字设置下划线underline 上划线overline 穿梭线line-through */
            text-decoration: underline;
            font-style: italic;
            /* 行高 */
            line-height: 20px;
            font-size: 18px;
        }
        div{
            color: blue;
        }
        .two{
            color: orange !important;
        }
        #two{
            color: brown;
        }
        /* 通配符选择器 * 表示选中所有标签 权重最低 0 */
        *{
            color: yellow
        }
    </style>
</head>
<body>
    <!-- 继承性 设置给父元素属性 子元素可以继承 color text- font- line -->
     <!-- 2.层叠性 给同一个标签设置同一属性 就会发生重叠 -->
      <!-- 3.优先级
       !important 不计入权重计算 优先级最高
       style属性优先级 1000
       id选择器 100
       类选择器 10
       标签选择器 1
       通配符    0
       继承
      -->
     <div class="parent">
        <!-- 注意：a标签无法继承父元素字体颜色和上下划线 h1无法继承父元素字体大小 -->
        <a href="">百度一下</a>
        <h1>一级标题</h1>
        <div>我是div</div>
        <div class="two" id="two" style="color: ;">我是div</div>
        <div>我是div</div>
     </div>
</body>
</html>